    html {overflow-y: scroll}
    
    /*background:#f1f1f1*/
    body {color: #222;padding: 0;}
    
    /* fix for inputs inline shadow */
        input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
            -webkit-appearance: none;
            -moz-appearance: none;
        }
    /* no borders for buttons (ie7) */
        button {*border: none !important;*border-color: transparent !important}
        
        a,button,input {outline:none !important}

    /* webkit extra margin fix */
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            button {margin: 0px}
        }
    
    /* hide all elements & show preloader */
        .js {background: url(../img/ajax_loader.gif) no-repeat 50% 50%;height:100%}
        .js body {visibility:hidden} 
    
    /* external links */
        .external_link {background: url(../img/external_link.png) no-repeat right center;padding-right:12px}
    
    /* main headings*/
        .heading {border-bottom: 1px solid #dcdcdc;margin-bottom: 18px;padding-bottom: 5px}
        .heading h1,.heading h2,.heading h3,h1.heading,h2.heading,h3.heading, modal-header h3 {font-family: 'PT Sans', sans-serif;font-weight:400}
        .heading .btn {vertical-align:bottom;margin-left:10px}
    
    /* fix for .label position */
        h1 + .label {margin:13px 10px 0 0}
        h2 + .label {margin:12px 10px 0 0}
        h3 + .label {margin:7px 10px 0 0}

    /* element separation */
        .sepH_a {margin-bottom:5px}.sepH_b {margin-bottom:10px}.sepH_c {margin-bottom:20px}
        .sepV_a {margin-right:5px}.sepV_b {margin-right:10px}.sepV_c {margin-right:20px}
        .sepH_a_line {padding-bottom:6px;margin-bottom:18px;border-bottom:1px solid #dcdcdc}
        .sepH_no {margin-bottom:0}
    
        .tac {text-align:center}
        .line_sep {border-bottom: 1px solid #dcdcdc;margin-bottom: 18px;padding-bottom: 5px}
        .sml_t {font-size:11px}
        .sml {font-size:11px;color:#9d9d9d}
    
    /* accordion background animation */
        .accordion-toggle {
            -webkit-transition:background-color 0.2s ease-in-out;  
            -moz-transition:background-color 0.2s ease-in-out;  
            -o-transition:background-color 0.2s ease-in-out;  
            transition:background-color 0.2s ease-in-out;
        }

    /* Bootstrap adjustments */
        .row-fluid div[class*="span"] {min-height:1px}
        form .row-fluid + .row-fluid {margin-top:10px !important}
        
        .main_content .row-fluid + .row-fluid {margin-top: 30px}
    
        .nav-pills + .nav-pills {margin-left: 10px;padding-left:10px;border-left: 1px solid #dcdcdc}
        .nav-pills > li > a {padding: 5px 8px}
        
        .navbar-fixed-top, .navbar-fixed-bottom {z-index:999}
        .navbar-fixed-top .nav-collapse i {opacity:0.8}
        .navbar-fixed-top .nav-collapse li:hover i {opacity:1}
        .nav-list > li > a,.dropdown-menu li a {-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px}
        .navbar-fixed-top .navHover:after {height:1px;width:100%;bottom:-1px;position:absolute;content:'';display:block}
        .navbar .nav > li > a.nav_condensed {padding-left:2px;padding-right:2px}
        
        .pagination {height:26px}
        .pagination a.active {background-color: #f5f5f5}
        .pagination a.active {color: #999;cursor: default}
        .pagination a {line-height: 24px;padding:0 10px}
        .pagination ul li>div.page {display:inline}
        
        .label {cursor:default}
        .label-important,.badge-error {background: #C62626}
        .label-success,.badge-success {background: #70A415}
        .label-warning,.badge-warning {background: #F5AA1A}
        .label-info,.badge-info {background: #058DC7}
    
        .alert .close {top:0}
        .alert-block p + p,.alert-block ul + p,.alert-block p + ul {margin-top:10px}
        .alert-block h4 + p,.alert-block h4 + ul {margin-top:5px}
        .icon-sw {width:16px;height:16px;display:inline-block;background-repeat: no-repeat;background-position: center center}
        
        .well {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;box-shadow: none}
    
        .dropdown-menu li {padding:0 5px}
        .dropdown-menu li a {padding:3px 8px}

/*       
        Disable the modal styling providing by the template and using the styling provided by Boostrap.
        I like the bootstarp styles much better.
 
        .modal-footer {padding:7px 15px 8px}
        .modal {border:8px solid rgba(0, 0, 0, 0.5);-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;box-shadow: none}
        .modal-header {background:#e4e4e4;border-color:#d4d4d4;padding:5px 15px}
        .modal-header .close {margin-top:5px}
        .modal-body{padding:20px 15px}
        .modal-backdrop, .modal-backdrop.fade.in {opacity:.1;background:#777}
*/    
        .popover.top .arrow {border-top: 5px solid rgba(0,0,0,.8)}
        .popover.bottom .arrow {border-bottom: 5px solid rgba(0,0,0,.8)}
        .popover.left .arrow {border-left: 5px solid rgba(0,0,0,.8)}
        .popover.right .arrow {border-right: 5px solid rgba(0,0,0,.8)}
        .popover-inner {padding:0;border:3px solid #000;border:3px solid rgba(0,0,0,.8);background:#fff;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;box-shadow: none}
        .popover-title {padding:8px 15px;font-size:14px}
    
        .main_content .accordion-heading .accordion-toggle {background-color:#f5f5f5;color:#222;text-decoration:none;background-image: url(../img/acc_icons.png);background-position: 98% 12px;background-repeat:no-repeat}
        .main_content .accordion-heading .accordion-toggle:hover {background-color:#e5e5e5}
        .main_content .accordion-heading .acc-in {background-position:98% -34px}

        .btn-gebo {text-shadow: 0px -1px 0px #004f6f;color:#fff;background-color:#006d8d;background-image:linear-gradient(top, #1e8bab, #004f6f); 
    border-left-color: #006D8D;
    border-right-color: #004f6f;
    border-top-color: #006D8D;
    border-bottom-color: #004f6f;
}
        .btn-gebo:hover, .btn-gebo:active, .btn-gebo.active, .btn-gebo.disabled, .btn-gebo[disabled] {background-color: #004f6f}
        .btn-gebo:hover {color:#fff;text-shadow: 0px -1px 0px #003151}
        .btn-gebo:focus {color: #fff;-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #006D8D #004f6f #004f6f #006D8D; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
        .btn-gebo.active, .btn-gebo:active { background-image: none;-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #64d1f1; }

    /* header */
        .navbar .brand {width: 200px;padding-bottom:0;padding-top:0;font: 100 18px/40px 'PT Sans', sans-serif;text-decoration:none;color: #fff}
        .navbar .brand i {margin-top:5px}
        .navbar .caret {opacity: .6;filter: alpha(opacity=60)}
        .navbar .user_menu {margin-left: 0}
        .navbar .user_menu .nb_boxes {margin:9px 0 0}
        .navbar .user_menu .nb_boxes .label {background: transparent;background:rgba(0,0,0,.2);padding:3px 4px}
        .navbar .user_menu .nb_boxes a {cursor:pointer;float:left;margin-right:8px}
        .navbar .user_menu .nb_boxes a:last-child {margin:0}
        .btn_menu {display:none}

    /* main content */
        #contentwrapper{float: left;width: 100%}
        .main_content{padding:24px 30px 30px;background:#fff;border-left:1px solid #ccc;margin-left:240px}
        .main_content li{line-height:22px}
    
    /* sidebar */
        .sidebar{margin-left: -100%;width:240px;float:left;position:relative}
        .sidebar_sep{background:#efefef;clear:both;float:none;height:5px;border-color:#ccc;border-style:solid;border-width:1px 0;margin:14px 0}
        .sidebar_switch{text-indent:-1000px;width:16px;position:fixed;left:220px;top:46px;height:14px;cursor:pointer;z-index:100;display:block;opacity:.5}
        .on_switch {background: url(../img/sidebar_switch.png) no-repeat 0 -1px}
        .off_switch {background: url(../img/sidebar_switch.png) no-repeat 0 -1px}
        .sidebar_inner form{padding:14px 0 9px 15px}
        .sidebar_inner form input{margin:0}
    
        .sidebar_hidden .sidebar {display:none}
        .sidebar_hidden .sidebar_switch {left:4px;}
        .sidebar_hidden .main_content {margin:0;border-left:none}
        .sidebar_info {position:fixed;bottom:10px;left:30px;width:180px}
        .sidebar_info ul {padding:5px 10px;margin:0;font-size:11px;background:#fafafa;border:1px solid #e5e5e5;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px}
        .sidebar_info ul li {line-height:26px;overflow:hidden;border-bottom:1px dashed #ccc}
        .sidebar_info ul li:last-child {border:none}
        .sidebar_info .act {float:right}
        
        .sidebar .accordion {border-top: 1px solid #ccc;margin-bottom: 0}
        .sidebar .accordion-heading {background: #e0e0e0}
        .sidebar .accordion-heading a:hover {background-color: #cfcfcf}
        .sidebar .accordion-group{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:0;border-color:#ccc;border-style:solid;border-width:0 0 1px}
        .sidebar .accordion-group a{color:#222;text-decoration:none!important}
        .sidebar .accordion-group .active a{color:#fff}
        .sidebar .accordion-group .accordion-heading a{color:#222}
        .sidebar .accordion-inner{border-top:1px solid #ccc;background:#fafafa}	

        .sdb_h_active a {background: url("../img/bullet_green.png") no-repeat 98% center}

    /* login page */
        .login_page  {margin:40px 20px 20px}
        .login_page .login_box {width:380px;margin:0 auto;background:#fff;border:1px solid #ccc;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);-ms-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2);margin-bottom:10px}
        .login_page .top_b {text-shadow:0 1px 0 rgba(255,255,255,.5);font: 100 18px/42px 'PT Sans', sans-serif;height:42px;padding:0 20px;background: #e0e0e0;border-bottom:1px solid #ccc;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 6px 6px 0px 0px;border-radius: 6px 6px 0px 0px;font-size:15px}
        .login_page .cnt_b {padding:30px 0;width:66%;margin:0 auto}
        .login_page form {margin-bottom:0}
        .login_page .btm_b {padding:12px 20px;border-top:1px solid #e7e7e7;background:#f7f7f7;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;-webkit-border-radius: 0px 0px 6px 6px;border-radius: 0px 0px 6px 6px}
        .login_page .links_b {font-size:11px;text-align:center}
        .login_page .link_reg {font-size:11px;padding:5px 0 0;display:block}
        .alert-login {margin:10px 10px 0}
       
    /* error pages */
        .error_page {background:#eee}
        .error_page,.error_page body,.error_page .error_box {height:100%}
        .error_page h1 {font-family: 'Jockey One', sans-serif;font-size: 52px;line-height:1.1;text-transform: uppercase;color: #067ead;text-shadow: 2px 2px 0px rgba(255,255,255,.5), 4px 4px 0px rgba(0,0,0,.1);margin-bottom:10px;padding:40px 0 0 300px}
        .error_page p {color:inherit;font-size:16px;line-height:24px;font-weight:200;margin-left:300px}
        .error_page .back_link {margin-left:300px}
        .error_page .error_box {background: url(../img/error_big.png) no-repeat 0 0;padding:0;width:72%;margin: 0 auto}

    /* search page */
        .search_page .well {padding:10px 20px;line-height:26px}
        .search_page .well select {margin:0;width:auto}
        .search_page .search_panel {border:1px solid #e0e0e0;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px;margin-bottom:20px}
        .search_page .search_item {border-bottom:1px solid #e0e0e0;padding:10px 20px 10px 30px;position:relative}
        .search_page .search_item:nth-child(even) {background:#f2f8fd}
        .search_page .search_item:last-child {border:none}
        .search_page .search_content {padding-left:110px}
        .search_page .search_content h4 {font-size:14px;margin-bottom:6px}
        .search_page .search_content h4 {vertical-align:text-top}
        .search_page .search_content strong {color:#666}
        .search_page .search_content small {color:#666;font-size:11px}
        .search_page .searchNb {position:absolute;top:10px;left:10px;color:#ccc;font-size:11px}
        .search_page .result_view a {opacity:0.3}
        .search_page .result_view a.active {opacity:1}
        
        .search_page .box_view {border:none;margin-left:-1%}
        .search_page .box_view .search_item {margin-left:1%;border:1px solid #e0e0e0;height:200px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px;margin:0 0 1% 1%;float:left;width:32.333%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
        .search_page .box_view h4 {height:20px;overflow:hidden}
        .search_page .box_view .item_description {max-height:92px;overflow:hidden}
        .search_page .box_view .label {position:absolute;top:-9px;right:-6px}
        
        .sidebar_filters {padding:30px 30px 20px}
        .sidebar_filters h3 {font-size:13px;color:#067EAD}
        .sidebar_filters .filter_items {padding:5px 10px 10px;margin-bottom:10px;border-bottom:1px dashed #ccc}

    /* forms */
        .formRow:last-child input, .formRow:last-child textarea, .formRow:last-child select, .uneditable-input {margin-bottom: 0}
        .formRow small {display:block;font-size:11px;color:#999;line-height:14px}
        .formSep {margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #dcdcdc}
        
        .stacked select, .stacked input[type="text"],.stacked textarea {display:block}
        
        .help-inline,.help-block {font-size:11px;margin:-4px 0 0 2px}
        
        .form-horizontal .help-block {margin-top:2px}
        .form-horizontal .control-group {margin-bottom:5px}
        
        /* Overrides by JH to make Add Member form look better */
        .form-horizontal .control-label {
            width: 160px;
            text-align: right;
        }
        .form-horizontal .controls {
            margin-left: 170px;
        }
        .form-horizontal input[type="checkbox"] {
            margin-top: 7px;
        }
        
        .addEditMemberForm .control-label {
            width: 120px;
            text-align: left;
        }

        .addEditMemberForm .controls {
            margin-left: 120px;
        }
        
        
        input.focused {border-color: rgba(82,168,236,.8);-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);outline: 0;z-index:2;position:relative}
        
        .f_warning > label,.f_warning .help-block,.f_warning .help-inline{color:#c09853}
        .f_warning input,.f_warning select,.f_warning textarea{color:#c09853;border-color:#c09853}
        .f_warning input:focus,.f_warning select:focus,.f_warning textarea:focus{-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;border-color:#a47e3c}
        .f_warning .input-prepend .add-on,.f_warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}
        
        .f_error input,.f_error select,.f_error textarea{color:#b94a48;border-color:#b94a48}
        .f_error input:focus,.f_error select:focus,.f_error textarea:focus{-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;border-color:#953b39}
        .f_error .input-prepend .add-on,.f_error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48}
        .f_error label.error {display:inline;font-size:11px;font-weight:700;color:#C62626}
        input[type="text"] + label.error,input[type="password"] + label.error, select + label.error, textarea + label.error {margin-top:-6px}
        .f_error label.radio + label.error,.f_error label.checkbox + label.error {margin-top:5px}
        .input-prepend.f_error label.error,.input_append.f_error  label.error {margin-top:4px}
        .control-group.f_error label.error {margin-top:2px}
        
        .f_success > label,.f_success .help-block,.f_success .help-inline{color:#468847}
        .f_success input,.f_success select,.f_success textarea{color:#468847;border-color:#468847}
        .f_success input:focus,.f_success select:focus,.f_success textarea:focus{-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;border-color:#356635}
        .f_success .input-prepend .add-on,.f_success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847}
        
        .ui-tooltip label {margin-bottom:0}
        .f_legend {font-size:16px;line-height:16px;padding-bottom:10px;margin-bottom:22px;border-bottom:1px solid #dcdcdc}
        .radio.inline, .checkbox.inline {margin-left:0 !important;margin-right:10px}
        
        .f_req {font-size:13px;color:#ff0000;font-family: helvetica, arial, sans-serif}
        .form-horizontal .controls.text_line {line-height:25px}
        
        .row-fluid input[class*="span"],.row-fluid textarea[class*="span"],.row-fluid select[class*="span"] {display:inline-block}
        .row-fluid input[class*="span"] + input[class*="span"], .row-fluid textarea[class*="span"] + textarea[class*="span"], .row-fluid select[class*="span"] + select[class*="span"] {display:block}
        
    /* file upload */
        .btn.btn-file{overflow:hidden;position:relative;vertical-align:middle}
        .btn.btn-file > input[type=file]{width:100%;position:absolute;left:0;top:0;opacity:0;cursor:pointer}
        .fileupload{margin-bottom:9px}
        .fileupload .uneditable-input{display:inline-block;margin-bottom:0;vertical-align:middle;height:28px !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
        .fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center}
        .fileupload .thumbnail > img{display:block;vertical-align:middle;max-height:100%}
        .fileupload .btn{vertical-align:middle}
        .fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none}
        .fileupload-inline .fileupload-controls{display:inline}
        .fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}
        .fileupload .fileupload-preview {vertical-align:middle}
        .fileupload .close.fileupload-exists {vertical-align:middle}
        
    /* multiselect 2-col */
        #multi_search {width:152px;margin:4px}
        .ms-container {margin-bottom:10px}
        .ms-container .ms-optgroup li.ms-elem-selectable {padding-left:20px}
        .ms-container h4 {font-weight:100;padding:4px 6px;background:#efefef;border-bottom:1px solid #ccc;-webkit-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px}
        .ms-container #multi_search + .ms-list {height:196px}
        #sForm_deselect {margin:2px;display:block}
        
    /* input spinner */
        .ui-spinner button {height:14px;position:absolute;background:none;border:none;width:18px;padding:0;background: url(../img/spinner_arrows.gif) no-repeat 0 -100px;cursor:pointer}
        .ui-spinner .ui-spinner-up {top:0;right:0;background-position:0 0}
        .ui-spinner .ui-spinner-down {top:14px;right:0;background-position:0 -14px}
        .ui-spinner .ui-spinner-up:hover {background-position:-18px 0}
        .ui-spinner .ui-spinner-down:hover {background-position:-18px -14px}
        .ui-spinner input,.ui-spinner input:focus {display:block !important;margin:0 !important;padding:0;min-height:28px !important;height:28px !important;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none}
        .ui-spinner ul {margin:0}
        .ui-spinner li {line-height:28px}
        .ui-spinner{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);position:relative;margin-bottom:10px;font-size:13px;height:28px;line-height:28px;color:#555;background-color:#fff;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;padding:0 24px 0 8px}
        .ui-spinner .ui-spinner-box {background: none;border: none !important}	
        
    /* animated progresbars */
        .pbar .ui-progressbar-value {display:block !important}
        .pbar {overflow: hidden}
        .percent,.elapsed {position:relative;text-align: right; font-size: 12px}

        
    /* ul list styles */
        .list_a,.list_b,.list_c,.list_d {margin-left:0;list-style:none}
        .list_a li {background: url(../img/bullet_blue.png) no-repeat 3px 4px;padding-left:25px}
        .list_b li {background: url(../img/bullet_green.png) no-repeat 3px 4px;padding-left:25px}
        .list_c li {background: url(../img/bullet_orange.png) no-repeat 3px 4px;padding-left:25px}
        .list_d li {background: url(../img/bullet_red.png) no-repeat 3px 4px;padding-left:25px}		
        
    /* prettyprint <pre> block */
        .lit{color:#195f91}
        .fun{color:#dc322f}
        .str,.atv{color:#D14}
        .kwd,.linenums .tag{color:#1e347b}
        .typ,.atn,.dec,.var{color:teal}
        .pln{color:#48484c}
        .prettyprint{background-color:#f7f7f9;border:1px solid #e1e1e8;padding:8px}
        .prettyprint.linenums{-webkit-box-shadow:inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;-moz-box-shadow:inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;box-shadow:inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0}
        ol.linenums{margin:0 0 0 33px}
        ol.linenums li{padding-left:12px;color:#bebec5;line-height:18px;text-shadow:0 1px 0 #fff}
        .com,.pun,.opn,.clo{color:#93a1a1}		
        
    /* rowlink plugin */
        [data-rowlink] td, td[data-rowlink] {cursor: pointer}	
    
    /* actions links */
        .act{background:inherit;border:none;display:inline;color:#555;font-weight:700;-webkit-transition:text-shadow .1s linear;-moz-transition:text-shadow .1s linear;-ms-transition:text-shadow .1s linear;-o-transition:text-shadow .1s linear;transition:text-shadow .1s linear;padding:0}
        a.act:hover{color:#333;text-decoration:none;text-shadow:1px 1px 3px rgba(85,85,85,0.5)}
        .act-primary{color:#006dcc}
        a.act-primary:hover{color:#04c;text-shadow:1px 1px 3px rgba(0,109,204,0.5)}
        .act-info{color:#49afcd}
        a.act-info:hover{color:#2f96b4;text-shadow:1px 1px 3px rgba(75,175,206,0.5)}
        .act-success{color:#70A415}
        a.act-success:hover{color:#468847;text-shadow:1px 1px 3px rgba(81,164,81,0.5)}
        .act-warning{color:#F5AA1A}
        a.act-warning:hover{color:#f89406;text-shadow:1px 1px 3px rgba(192,152,84,0.5)}
        .act-danger{color:#C62626}
        a.act-danger:hover{color:#bd362f;text-shadow:1px 1px 3px rgba(185,72,70,0.5)}
        .act.disabled,.act[disabled]{color:#AAA;cursor:not-allowed}
        a.act.disabled:hover,.act[disabled]:hover{color:#AAA;text-shadow:none}
        .form-actions .act{line-height:30px}
        
    /* tabs */
        .tabbable-bordered{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
        .tabbable-bordered > .nav-tabs {margin: 0}
        .tabbable-bordered .tab-content {border-color: #ddd;border-style:solid;border-width:0;overflow:auto;padding:18px 0 0}
        .tabbable-bordered > .tab-content{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;border-width:0 1px 1px;padding:20px 20px 10px}
    
    /* dashboard icon navigation*/
        .dshb_icoNav {margin:0}
        .dshb_icoNav li {text-align:center;list-style:none;display:block;float:right;margin:0 5px 10px;background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef));background: -webkit-linear-gradient(top, #f9f9f9 0%,#efefef 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#efefef 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#efefef 100%);background: linear-gradient(top, #f9f9f9 0%,#efefef 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 );border:1px solid #e2e2e2;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px}
        .dshb_icoNav li:hover {border-color:#d2d2d2;-moz-box-shadow: 0 0 6px #ccc;-webkit-box-shadow: 0 0 6px #ccc;box-shadow: 0 0 6px #ccc}
        .dshb_icoNav li a {position:relative;display:block;padding:42px 8px 8px;width:88px;height:22px;font-size:12px;color:#222;background-repeat:no-repeat;background-position: center 10px}
        .dshb_icoNav li a:hover {text-decoration:none}
        .dshb_icoNav .label {position:absolute;right:-5px;top:-5px}
        
    /* overview boxes (+small charts) */
        .ov_boxes {list-style: none;display: inline-block;margin:0 0 -20px;text-align:center}
        .ov_boxes li {line-height:18px;background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed));background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%);background: linear-gradient(top, #f9f9f9 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 );border: 1px solid #e2e2e2;display: inline-block;margin:0 10px 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;padding: 0 10px}
        .ov_boxes .p_canvas{margin-right:12px;float:left;border-right:1px solid #dcdcdc;-webkit-box-shadow:1px 0 0 0 #fff;-moz-box-shadow:1px 0 0 0 #fff;box-shadow:1px 0 0 0 #fff;padding:10px 14px 6px 4px}
        .ov_boxes .ov_text{text-align:left;width:150px;font-size:12px;float:left;padding:9px 10px 7px 0}
        .ov_boxes .ov_text strong{font-size:16px;display:block}
        .p_canvas {width:50px}

    /* sortable/searchable list */
        .user_list {list-style: none;margin:0}
        .user_list li {padding:0 8px 8px;margin-bottom:8px;border-bottom: 1px dashed #dcdcdc;line-height:normal }
        .user_list small {font-size: 11px;color:#9b9b9b}
    
    /* file manager */
        #kcfinder_iframe {height:500px;margin-bottom:30px;border:1px solid #adaba9}

    /* icon list */
        .icon_list {list-style: none;margin:0 0 30px}
        .icon_list li {padding:4px 0;width:30px;text-align:center;border:1px solid #dcdcdc;float:left;margin:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;}
    
    /* google maps */    
        .company_add_form legend {margin-bottom:10px;font-size:15px}
        #g_map img { max-width: none; }
        #g_map label {display:inline;margin:0;color:#000;font-size: 11px;line-height:normal}
        
    /* gallery grid */
        .wmk_grid ul {list-style: none;margin:0;position:relative}
        .wmk_grid ul li {background-color: #fff;display: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
        .wmk_grid ul li>a,.wmk_grid ul li>a img {display: block}
        .wmk_grid ul li>a img {width:100%}
        .wmk_grid ul li p {color: #666;font-size: 12px;margin: 8px 4px 2px;overflow:hidden}
        .wmk_grid ul li p a {display:inline-block;margin-left:10px;float:right;opacity:.6}
        .wmk_grid ul li p a:hover {opacity:1}
        .wmk_grid ul li p span {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
        .wmk_grid li.thumbnail:hover {border-color:#0088CC}
        .wmk_grid .thumbnail>a {position:relative}
        .wmk_grid .thumbnail>a .vid_ico {position:absolute;top:10px;right:10px;display:block;width:16px;height:16px}
        .wmk_grid .self_vid .vid_ico {background: url(../img/vid_local.png) no-repeat 0 0}
        .wmk_grid .yt_vid .vid_ico {background: url(../img/vid_yt.png) no-repeat 0 0}
        .wmk_grid .vimeo_vid .vid_ico {background: url(../img/vid_vimeo.png) no-repeat 0 0}
        
        /* small gallery grid */
            .small_grid ul li p {line-height:1.3}
            .small_grid ul li p span {font-size:11px}
        /* large gallery grid */
            .large_grid ul li p span {width:70%}
    
    /* datatables */
        div.dataTables_length label{float:left;text-align:left}
        div.dataTables_length select{width:75px}
        div.dataTables_filter label{float:left}
        div.dataTables_info{padding-top:8px; float:right;}
        div.dataTables_paginate{float:none;margin:0;}
        .dataTables_wrapper{position:relative}
        .dataTables_wrapper table.table {clear:both;margin-bottom:6px!important;max-width:inherit}
        .dataTables_wrapper table.table thead .sorting,table.table thead .sorting_asc,table.table thead .sorting_desc,table.table thead .sorting_asc_disabled,table.table thead .sorting_desc_disabled{cursor:hand;cursor:pointer}
        .dataTables_wrapper table.table thead .sorting{background: #e9f3f8 url(../lib/datatables/images/sort_both.png) no-repeat center right}
        .dataTables_wrapper table.table thead .sorting_asc{background: #e9f3f8 url(../lib/datatables/images/sort_asc.png) no-repeat center right}
        .dataTables_wrapper table.table thead .sorting_desc{background: #e9f3f8 url(../lib/datatables/images/sort_desc.png) no-repeat center right}
        .dataTables_wrapper table.table thead .sorting_asc_disabled{background: #e9f3f8 url(../lib/datatables/images/sort_asc_disabled.png) no-repeat center right}
        .dataTables_wrapper table.table thead .sorting_desc_disabled{background: #e9f3f8 url(../lib/datatables/images/sort_desc_disabled.png) no-repeat center right}
        .dataTables_wrapper table.dataTable th:active{outline:none}
        .dataTables_wrapper .row{margin:0 0 5px}
        .dataTables_wrapper select{min-height:inherit}
        .dataTables_wrapper table + .row{margin-bottom:0;margin-top:10px}
        .dataTables_scrollBody{-webkit-overflow-scrolling:touch}
        .dataTables_wrapper .top,.dataTables_wrapper .bottom{background-color:#f5f5f5;border:1px solid #CCC;padding:15px}
        .top .dataTables_info{float:none}
        .dataTables_empty{text-align:center!important;font-size:15px;background:#fff!important;padding:20px 0!important}
        .dataTables_scroll{clear:both;margin-bottom:10px}
        .dataTables_scrollHeadInner table.table-bordered{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;border-bottom:none}
        .dataTables_scrollHeadInner table.table-bordered,.dataTables_scrollHeadInner table.table-bordered thead{border-bottom:none}
        .dataTables_scrollBody table{border-top:none}
        .dataTables_processing{position:absolute;top:50%;margin-top:-24px;z-index:100;left:50%;width:250px;margin-left:-125px;border:1px solid #ddd;text-align:center;color:#000;background:#fff;font-size:15px!important;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);-moz-box-shadow:0 0 4px rgba(0,0,0,0.2);-ms-box-shadow:0 0 4px rgba(0,0,0,0.2);box-shadow:0 0 4px rgba(0,0,0,0.2);padding:10px 0}
        .dataTables_wrapper .center{text-align:center}
        .dataTables_wrapper .details,.dataTables_wrapper .details:hover{background:#ddd!important}
        .dataTables_wrapper .details table td{background:#fff!important}
        .dataTables_scrollHeadInner table.table,.dataTables_wrapper .details table.table{margin:0!important}
        .dataTables_wrapper .dt_actions {float:left;margin-right:20px}


    /* floating header list */
        .-list-container {height:400px}
        .-list-container dd,.-list-container li,.-list-container .-list-fakeheader {list-style:none;margin:0;padding:0 10px;line-height:34px;height:34px;border-bottom:1px solid #efefef;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
        .-list-container dt,.-list-container .list_heading,.-list-container .-list-fakeheader {line-height:34px;height:34px;padding:0 10px;border-bottom:none;background: #f9f9f9;background: -moz-linear-gradient(top,  #f9f9f9 0%, #ececec 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec));background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);background: linear-gradient(top,  #f9f9f9 0%,#ececec 100%);border-bottom: 1px solid #d6d6d6}
        .-list-container .list_heading h3 {font-size:13px;line-height:36px}
        .-list-container {border:1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;margin:0;overflow-x:hidden}
        .ui-list {overflow:hidden}
        .ui-list ul {margin:0}
        #list-buttons {margin:0 0 6px}
        #list-buttons .btn {margin:0 4px 4px 0}
        .list-outer {position:relative;padding:30px 0}
        .slide-nav {cursor:pointer;position:absolute;left:50%;margin-left:-28px;height:14px;border-style:solid;border-color:#ccc;background:#f9f9f9;padding:5px 20px}
        .slide-up {top:5px;border-width:1px 1px 0;-webkit-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px}
        .slide-down {bottom:5px;border-width:0px 1px 1px;-webkit-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px}
        .slide-nav i {opacity:.6}
        .slide-nav:hover {background:#f0f0f0}
        .slide-nav:hover i {opacity:1}
        
    /*  responsive table */
        .mediaTableWrapper{position:relative}
        .mediaTableWrapperWithMenu{padding-top:48px}
        .mediaTableMenu li,.tableMenu li {padding:0 10px}
        .mediaTableMenu{position:absolute;top:0;left:0}
        .activeMediaTable th.optional,.activeMediaTable td.optional{display:none}
        @media (min-width: 1280px) {
            .activeMediaTable th.optional,.activeMediaTable td.optional{display:table-cell;_display:block}
            *+html .activeMediaTable th.optional,*+html .activeMediaTable td.optional{display:block}
        }
        @media (min-width: 980px) {
            .sidebar_hidden .activeMediaTable th.optional,.sidebar_hidden  .activeMediaTable td.optional{display:table-cell;_display:block}
            *+html .sidebar_hidden .activeMediaTable th.optional,*+html .sidebar_hidden .activeMediaTable td.optional{display:block}
        }
        @media (min-width: 480px) and (max-width: 767px) {
            .activeMediaTable th.optional,.activeMediaTable td.optional{display:table-cell;_display:block}
            *+html .activeMediaTable th.optional,*+html .activeMediaTable td.optional{display:block}
        }

    /* tables */
        .table_checkbox {width:13px}
        .table_vam th, .table_vam td {vertical-align: middle}
        .tab-content table.table {margin-bottom: 0 !important}

    /* style switcher */
        .style_switcher {position:fixed;top:38px;right:0}
        .style_switcher a {display:block;height:14px;width:14px;margin:6px 4px;text-indent:-9000px;opacity:0.6;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px}
        .style_switcher .dark_theme {background:#000}
        .style_switcher .blue_theme {background:#067ead}
        .style_switcher .brown_theme {background:#b47f44}
        .style_switcher .green_theme {background:#8da452}
        .style_switcher .eastern_blue_theme {background:#1294af}
        .style_switcher .tamarillo_theme {background:#af2c36}
        .style_switcher a:hover,.style_switcher a.th_active {opacity:1}

    /* media queries */

        @media (min-width: 980px) {
            #maincontainer {padding-top:40px}
            .sidebar {position:fixed;top:40px;left:0;margin-left:0}
            .navbar-fixed-top .nav-collapse {height:40px !important}
            .navbar .nav > li > a {padding-top:10px}
        }
            
        @media (max-width: 1279px) {
            .search_page .box_view .search_item {width:49%}
        }
        
        @media (max-width: 979px) {
            .row > [class*="span"],.navbar-fixed-top {margin:0 !important}
            .navbar-fixed-top .container-fluid {padding:0 !important}
            .navbar .brand {width:auto;line-height:18px;margin:3px 0 6px 34px}
            .navbar .user_menu {padding-top:5px}
            .navbar .user_menu .dropdown-menu {margin:8px 10px 0 0}
            .navbar .user_menu > li > a {padding:0 10px 0 0}
            .navbar-inner {position:relative;z-index:990;min-height:28px}
            .nav-collapse a {color:#fff !important}
            .nav-collapse .dropdown-menu li {padding:0}
            .nav-collapse .dropdown-menu li a {font-weight:400}
            .btn-navbar {margin-top:2px !important;padding:2px 8px !important}
            .main_content {margin:0 !important;border:none !important;padding:28px 14px 20px}
            .main_content .row-fluid + .row-fluid {margin-top:20px}
            .sidebar {min-height: inherit !important;position:absolute;padding:0 0 18px;top:39px;left:0;background:#fff;border-width:0 1px;border-style:solid;border-color:#ccc;margin:0;-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);box-shadow: 1px 1px 4px rgba(0,0,0,0.2);z-index:1000;-webkit-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px}
            .sidebar:after {border-bottom: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;content: "";display: inline-block;left: 15px;position: absolute;top: -6px}
            .sidebar_hidden .sidebar {border:none}
            .sidebar_info {display:none}
            .sidebar_switch {position:absolute;z-index:1000;left:5px !important;top:14px;padding:0 10px}
            .off_switch {background-position:center 1px}
            .on_switch {background-position:center -17px}
            .sidebar_inner {padding-bottom:0 !important}
            div.sticky-queue {z-index:10000;top:0}
            .ms-container {background-position: 160px 83px}
            .ms-container ul.ms-list {width:152px;}
            #multi_search {width:136px}
            .btn_menu {display:block;clear:both;padding:8px 0 6px;border-top:1px solid rgba(255,255,255,.2);box-shadow: 0 -1px 0 rgba(0,0,0,.2);text-align:center;position:relative;top:4px;cursor:pointer}
            .btn_menu span {opacity:.8}
            .style_switcher {top:72px}
        }
        
        @media (max-width: 767px) {
            .row-fluid > [class*="span"] + [class*="span"] {margin-top:20px}
            .row-fluid input[class*="span"],.row-fluid textarea[class*="span"],.row-fluid select[class*="span"] {width:80%}
            .input-prepend, .input-append {margin-bottom:10px}
            form .row-fluid > [class*="span"] + [class*="span"] {margin-top:0}
            .login_page {margin-top:10px}
            .login_page .content_b {margin: 0 20px}
            .search_page .box_view .search_item {width:99%;margin-bottom:3%}
            .error_page .error_box {background:none;width:100%}
            .error_page .error_box h1 {padding:40px 20px 0}
            .error_page .error_box p {margin:0 20px 10px}
            .error_page .error_box .back_link {margin:0 20px}
            .style_switcher {display:none}
            .dshb_icoNav {text-align:center}
            .dshb_icoNav li {float:none;display:inline-block}
            .user_menu .dropdown {margin-left:10px}
        }
        
        @media (max-width: 479px) {
            .login_page .login_box {width:100%}
            .login_page .cnt_b {padding:20px 0;width:68%;margin:0 auto}
            .-list-container {height:300px}
        }
        
        @media (min-width: 1681px) {
            body {max-width:1680px;margin:0 auto}
            header .container-fluid {max-width:1640px;margin:0 auto}
            .main_content {border-right:1px solid #ccc}
            .sidebar {border-right:1px solid #ddd;left:50%;margin-left:-841px;border-left:1px solid #ccc}
            .sidebar_switch {left:50%;margin-left:-618px}
            .sidebar_hidden .main_content {border-left:1px solid #ccc}
            .sidebar_hidden .sidebar_switch {margin-left:-832px;left:50%}
        }
    
       .table-memberships th { padding-right: 20px; vertical-align: middle !important }
       
        .ui-datepicker-trigger 
        {
            cursor: pointer;
            margin-left: 4px;
            position: relative;
            height: 18px;
        }
        
        .table-addEditMember th { text-align: left; vertical-align: top }